<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <script type="text/javascript">
        var a = location.href.match(/\d+\.([\w]+)\..*(types-\w+-\d+)/);
        if(a) document.write('<base href="/pages/'+a.slice(1).join('-').replace(/\-/g,'/') +'/" />');
    </script>
    <link rel="stylesheet" href="static/base/framework7/framework7.min.css">
    <script type="text/javascript" src="static/base/framework7/framework7.min.js"></script>
    <link rel="stylesheet" href="static/base/css/main.css">
    <script src="static/sea.js" type="text/javascript"></script>
    <script src="static/root_config.js" type="text/javascript"></script>
    <title>套餐预订</title>
</head>
<body>

<!-- Views-->
<div class="views">
    <div class="view view-main">
        <div class="pages">

            <div data-page="/list" class="page no-swipeback p-list" data-router="!/list," data-home data-url="">
                <div class="u-item">
                    <a href="#!/detail/{id}">
                        <img src="img1.jpg"/>
                        <span class="info">
                            <h2>海鲜自助餐<span class="t-tip">自助</span></h2>
                            <p class="t-loc">九重天餐厅</p>
                            <p class="t-eta">仅剩10份</p>
                            <p class="price"><span class="color-t-s1">优惠价</span><br/><span class="t-price">¥354</span></p>
                        </span>
                        <i class="i- i-arrow"></i>
                    </a>
                </div>
                <div class="u-item">
                    <a href="#!/detail/{id}">
                        <img src="img1.jpg"/>
                        <span class="info">
                            <h2>海鲜自助餐<span class="t-tip">2人</span></h2>
                            <p class="t-loc">新年套餐</p>
                            <p class="t-eta">仅剩10份</p>
                            <p class="price"><span class="color-t-s1">优惠价</span><br/><span class="t-price color-t">¥354</span></p>
                        </span>
                        <i class="i- i-arrow"></i>
                    </a>
                </div>
            </div>

            <div data-page="/detail" class="page cached no-swipeback detail" data-router="!/detail/:id" data-url="" data-priority="1">
                <div class="wrap">
                    <div class="b-header">
                        <img src="img2.jpg"/>
                    </div>
                    <div class="l-block m-main">
                        <div class="u-info">
                            <h2>海鲜自助餐<span class="t-tip">2人</span></h2>
                            <p class="l-p-1">套餐有效期：<span class="color-t">2015-01-20</span> 至 <span class="color-t">2015-02-28</span></p>
                            <p class="price"><span class="color-t-s1">优惠价</span><br/><span class="t-price color-t">¥354</span></p>
                        </div>
                        <a href='#' class="a-dr">
                            <h2>华侨城餐厅<i class="i-text color-b">详</i></h2>
                            <i class="i- i-arrow"></i>
                        </a>
                    </div>

                    <div class="l-block u-detail">
                        <h2 class="color-br">套餐详情</h2>
                        <p>2个香辣鸡腿堡+1个新奥尔良鸡腿堡+4块香辣鸡翅+2块奥尔良烤鸡翅+1个葡式蛋挞(景点)+1瓶1.25L装百事可乐.</p>
                    </div>

                </div>

                <div class="l-block u-footer e-sh">
                    <a href="tel:110" class="tel">咨询客服</a>
                    <a href="#!/order" class="color-b">开始预订</a>
                </div>

            </div>

            <div data-page="/order" class="page cached no-swipeback order" data-router="!/order" data-url="" data-priority="2">
                <div class="wrap">
                    <div class="l-block">
                        <div class="u-info">
                            <h2>海鲜自助餐<span class="t-tip">2人</span></h2>
                            <p class="l-p-1">套餐有效期：<span class="color-t">2015-01-20</span> 至 <span class="color-t">2015-02-28</span></p>
                        </div>
                    </div>
                    <div class="l-block m-user">
                        <fieldset class="l-p-1 time">
                            <label class="s-h"><strong>02月16日</strong><i class="i- i-arrow"></i></label><span class="color-t-s1">预订时间</span>

                        </fieldset>
                        <fieldset class="l-p-1">
                            <label>联系人</label><input placeholder="请输入姓名" type="text" name="username"/>
                            <span class="title">
                                <label><input type="radio" class='u-radio' name="title" checked="true"/>先生</label>
                                <label><input type="radio" class='u-radio' name="title" checked="true"/>女士</label>
                             </span>

                        </fieldset>

                        <fieldset class="l-p-1">
                            <label>手机号</label><input placeholder="请输入手机号" type="number" name="username"/>
                        </fieldset>
                        <fieldset class="l-p-1">
                            <label>购买数</label>
                            <span class="num">
                                <button>-</button>
                                <input value='1' placeholder="请输入购买数量" type="text" name="order_num"/>
                                <button>+</button>
                            </span>
                        </fieldset>
                    </div>

                    <div class="l-block u-ipt l-m-1">
                         <input placeholder="添加备注" type="text" name="order_remark"/>
                    </div>
                    <h2 class="color-t-s1 l-m-h">选择支付方式</h2>
                    <div class="l-block u-pay_sel">
                        <ul>
                            <li>
                                <label>支付宝支付<input type="radio" class='u-radio' name="pay_sel" checked="true"/></label>
                            </li>
                            <li>
                                <label>微信支付<input type="radio" class='u-radio' name="pay_sel" /></label>
                            </li>
                            <li>
                                <label>到店支付<input type="radio" class='u-radio' name="pay_sel" /></label>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="l-block u-footer e-sh">
                    <span>订单总额：</span>
                    <span class="color-t">385</span>
                    <a href="#!/order/success" class="color-b">提交订单</a>
                </div>
            </div>

            <div data-page="/order/success" class="page cached no-swipeback order_success" data-router="!/order/success">
                <div class="header">
                    <h2><i></i>订单提交成功！</h2>
                    <p>请您尽快付款，以便我们帮您预留席位。</p>
                </div>
                <div class="main">
                    <ul>
                        <li><span class="title">订单号</span><span>200768624321</span></li>
                        <li><span class="title">类　型</span><span>情人节套餐</span></li>
                        <li><span class="title">数　量</span><span>2</span></li>
                        <li><span class="title">有效期</span><span>2014年9月16日-2014年9月18日</span></li>
                        <li><span class="title">总　价</span><span class="color-t">¥354</span></li>
                    </ul>
                    <ul>
                        <li><span class="title">联系人</span><span>丁川平</span></li>
                        <li><span class="title">手机号</span><span>123456789</span></li>
                    </ul>
                </div>
                <a href="#!/order/list" class="u-btn color-b">去支付</a>
            </div>

            <div data-page="/order/list" class="page cached no-swipeback user" id="j-order-list">
                <div class="m-header color-b">
                    <a class="j-home"></a>
                    <h2>个人中心</h2>
                </div>
                <div class="info" id="j-nav-user">
                    <img class="head_pic" src="/pages/hotel/types/hotelBook/1/images/common/head_pic.png">
                    <span class="j-user-name">手机号：<span>13555555555</span></span>
                    <span class="j-user-tel">邮箱：<span>123@qq.com</span></span>
                    <i class="i-arrow-r"></i>
                </div>
                <div class="type">
                    <a href="#!/order/list/1/" class="j-select"><span>已预订</span></a>
                    <a href="#!/order/list/2/"><span>已消费</span></a>
                    <a href="#!/order/list/3/"><span>已取消</span></a>
                </div>
                <div class="order-list order-2">
                    <div class="item bg-sawtooth clr">
                        <ul>
                            <li><span class="title">订单号 : </span><span>610528841911051520</span></li>

                            <li><span class="title">类　型 : </span><span>情人节套餐</span></li>
                            <li><span class="title">订单数量 : </span><span>2</span></li>

                            <li><span class="title">预订人 : </span><span>王小虎</span></li>
                            <li><span class="title">联系电话 : </span><span>139 87654321</span></li>

                            <li><span class="title">状　态 : </span><span>未支付</span></li>
                            <li><span class="title">支付方式 : </span><span>到店支付</span></li>

                            <li><span class="title">有效期 : </span><span>2014年9月16日-2014年9月18日</span></li>
                        </ul>
                    </div>

                    <div class="item bg-sawtooth clr">
                        <ul>
                            <li><span class="title">订单号 : </span><span>610528841911051520</span></li>

                            <li><span class="title">类　型 : </span><span>情人节套餐</span></li>
                            <li><span class="title">订单数量 : </span><span>2</span></li>

                            <li><span class="title">预订人 : </span><span>王小虎</span></li>
                            <li><span class="title">联系电话 : </span><span>139 87654321</span></li>

                            <li><span class="title">状　态 : </span><span>未支付</span></li>
                            <li><span class="title">支付方式 : </span><span>到店支付</span></li>

                            <li><span class="title">有效期 : </span><span>2014年9月16日-2014年9月18日</span></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div data-page="/user/reset" class="page cached no-swipeback" data-router="!/user/reset">
                <form action="">
                    <div class="l-block m-user">
                        <fieldset class="l-p-1">
                            <label>原密码</label><input placeholder="请输入原密码" type="number" name="password"/>
                        </fieldset>
                        <fieldset class="l-p-1">
                            <label>新密码</label><input placeholder="6-18位字母、数字" type="password" name="password"/>
                        </fieldset>
                        <fieldset class="l-p-1">
                            <label>重复密码</label><input placeholder="6-18位字母、数字" type="password" name="password"/>
                        </fieldset>
                    </div>
                    <button type="submit" class="color-b u-submit">登录</button>
                </form>
            </div>

            <div data-page="/user/register" class="page cached no-swipeback register" data-router="!/user/register">
                <form action="">
                <div class="l-block m-user">
                        <fieldset class="l-p-1">
                            <label>手机号</label><input placeholder="请输入手机号码" type="number" name="mobile"/>
                        </fieldset>
                        <fieldset class="l-p-1">
                            <label>密码</label><input placeholder="6-18位字母、数字" type="password" name="password"/>
                        </fieldset>
                        <fieldset class="l-p-1">
                            <label>姓名</label><input placeholder="请输入姓名" type="txt" name="name"/>
                        </fieldset>

                </div>
                <button type="submit" class="color-b u-submit">注册</button>
                </form>
            </div>

        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    seajs.use(['base/js/user','base/js/app'] , function(user , app){
        setTimeout(function(){

            //app.view.router.load({pageName: '/list'});
        },5000)

        //app.init();
    })
</script>

</html>